﻿@using KDS.Mes.Web.Navigation
@using Abp.Web.Mvc.Extensions
@using KDS.Mes.Authorization
@using KDS.Mes.Mes.SeatInfos
@using KDS.Mes.Web.Models.SeatInfos
@using KDS.Mes.Web.Models.StopEquipments
@using Abp.Application.Services.Dto
@model StopEquipmentsViewModel
@{
    ViewBag.ActiveMenu = PageNames.App.Common.Reports_UPH;
}

@* 注入所需JS *@
@section Scripts
{
<script src="~/Content/echarts/echarts.min.js"></script>
<script src="~/Content/datepicker/bootstrap-datepicker.js"></script>
<script src="~/Content/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
    @Html.IncludeScript("~/Views/SeatInfos/_CreateOrEditSeatInfoModal.js")
    @Html.IncludeScript("~/Views/Reports_UPH/Index.js")
}
@*<div class="col-md-12">*@
<style type="text/css">
    .flex-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }

    .flex-split {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .flex-vertical {
        -webkit-box-orient: vertical;
        -webkit-flex-flow: column;
        flex-flow: column;
    }

    .circle {
        background-color: green;
        position: absolute;
    }

    .font-bold {
        font-weight: bold;
    }

    .text-center-left {
        text-align: left;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .text-center-center {
        height: 50px;
        line-height: 50px;
        overflow: hidden;
    }

    .text-center {
        text-align: center;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .text-align1 {
        text-align: center;
    }
</style>


<div class="box">
    <label for="PlanDate1" class="col-sm-1 control-label">@L("PlanDate")</label>
    <div class="col-sm-2">
        <div class="input-group  date form_datetime">
            <input id="PlanDate" type="text" name="PlanDate" readonly class="form-control">
            <span class="input-group-btn">
                <button class="btn default date-set" type="button">
                    <i class="fa fa-calendar"></i>
                </button>
            </span>
           
        </div>

       
      
        


    </div>
    <label for="LineId" class="col-sm-1 control-label">@L("LineId")</label>
    <div class="col-sm-2">
        @Html.DropDownList("lineId", Model.Lines.Select(a => a.ToSelectListItem()), new
           {
               @class = "form-control selectpicker",
               data_live_search = "true",
               data_none_selected_text = L("PlaaseSelect"),
               id = "lineId"
           })
    </div>

    <div class="box-header with-border">
               <div class="box-tools pull-right">
            <button id="btn-query" type="button" class="btn btn-xs">
                <i class="fa fa-search">@L("Query")</i>
            </button>
          
        </div>
    </div>
    <div class="box-body">


        <div id="line1" class="flex-box" style="border: 1px solid black; height: 30px; width: 100%">
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%">区分</div>
            @*<div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%">日期</div>
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%">生产线</div>
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%">合计</div>
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%">生产线</div>*@
           
        </div>
        <div id="line2" class="flex-box" style="border: 1px solid black; height: 30px; width: 100%">
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%">累计产量</div>
            @*<div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>
            <div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>*@
          
        </div>
        <div id="line3" class="flex-box" style="border: 1px solid black; height: 30px; width: 100%">
            <div id="UPH_Time_7" class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%">UPH</div>
            @*<div id="UPH_Time_7" class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>
            <div id="UPH_Time_7" class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>
            <div id="UPH_Time_6" class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>*@
            @*<div class="text-center" style="border-bottom: 1px solid black;border-left: 1px solid black;  width: 10%"></div>*@
           
        </div>
        <!-- bootstrap-tablel指定的工具栏 -->
       
        <!--bootstrap-table表体-->
        <table id="tb"></table>
        <div id="chart3" style="width: 100%; height: 200px;">
        </div>
    </div>

</div>
@*</div>*@








